@media screen and (min-width: 768px){
    .am-figures-tel{
        display: none;
    }
    /*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*/
    .a-gradient{
        position: absolute;
        width: 100%;
        height: 200vh;
        top: -50vh;
        right: 0;
        background: radial-gradient(farthest-corner at 180% 75vh, #ebf0f2 -400%, #121212 60%);
        z-index: -1;
    }
    .a-hgrid {
        position: absolute;
        width: 100vw;
        z-index: -1;
    }
    .a-hgrid div {
        position: relative;
        width: 100%;
        height: 1px;
        background-color: #ebf0f212;
        margin-top: calc(100vh / 3);
    }





    .a-containerall{
        position: relative;
        font-family: 'cd-medium', sans-serif;
        margin: 130px 80px 100px 80px;
    }
    .a-tsection{
        text-transform: uppercase;
        opacity: 0.6;
        color: #ebf0f2;
        font-size: 16px;

    }

    .a-tsection-tel{
        display: none;
    }

    .a-tsection span{
        text-transform: uppercase;
        opacity: 0.6;
    }



    /*ABOUT ME*//*ABOUT ME*//*ABOUT ME*//*ABOUT ME*//*ABOUT ME*/
    .am-container{
        position: relative;
        display: flex;
        gap: 4%;
        margin-top: 35px;
        box-shadow: 0 0 25px -5px #00000080;
        border-radius: 28px;
        background: radial-gradient(circle at -20% -150%, #ebf0f2 -250%, #121212 80%);

    }
    .am-container-active{
        animation: lrcontaineractive 1.2s cubic-bezier(0,.87,.67,1) 0.3s both;
    }
    @keyframes lrcontaineractive {
        from{
            transform: translateY(300px);
        }
        to{
            transform: translateY(0);
        }
    }
    .am-universecontainer{
        position: absolute;
        height: 100%;
        width: 100%;
        overflow: hidden;
        border-radius: 28px;
    }
    .am-universe{
        position: absolute;
        height: 30vw;
        width: 70vw;
        border-radius: 100%;
        transform: rotate(-15deg);
        left: -15vw;
        top: -50px;
        opacity: 0.8;
        border: 1px solid #ebf0f21a;
    }


    /*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*//*IMAGE*/
    .am-img{
        position: absolute;
        height: 100%;
        padding-top: 500px;
        bottom: 0;
        left: 5%;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
        z-index: 1;
    }
    .am-lrabout{
        position: relative;
        min-width: 300px;
        max-width: 430px;
        width: 30vw;
        top: 0;
    }
    .am-lrabout-active{
        animation: lraboutactive 1.2s cubic-bezier(0,.87,.67,1) 0.3s both;
    }
    @keyframes lraboutactive {
        from{
            transform: translateY(300px);
        }
        to{
            transform: translateY(0);
        }
    }


    /*TAGS*//*TAGS*//*TAGS*//*TAGS*//*TAGS*/
    .am-tags{
        z-index: 1;
    }
    .am-tag{
        position: absolute;
        background: #befc0399;
        padding: 8px 14px;
        border-radius: 20px;
        box-shadow: 0 0 15px 0 #00000080;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        font-size: 20px;
    }
    .am-tags :nth-child(1){
        margin-left: 8vw;
        top: 50%;
        transform: scale(0);
        rotate: 5deg;
    }

    .am-tags :nth-child(2){
        margin-left: 4vw;
        top: 70%;
        transform: scale(0);
        rotate: -5deg;
    }
    .am-tags :nth-child(3){
        margin-left: 20vw;
        top: 75%;
        transform: scale(0);
        rotate: -2deg;

    }
    .am-tags-active{
        animation: popuptag 0.5s cubic-bezier(0,.52,.39,.99) both;
    }
    @keyframes popuptag {
        from{
            opacity: 0;
            transform: scale(0.2);
        }
        to{
            opacity: 1;
            transform: scale(1);
        }
    }





    /*TEXTE*//*TEXTE*//*TEXTE*//*TEXTE*//*TEXTE*/
    .am-bloc{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: end;
        color: #ebf0f2;
        text-align: end;
        row-gap: 25px;
        margin: 30px;
        width: 100%;
        
    }
    .am-title{
        position: relative;
        font-size: calc(25px + 2vw);
        line-height: calc(25px + 2vw);
        text-wrap: balance;
        max-width: 2000px;
    }
    .am-statut span{
        color: #ebf0f2;
        opacity: 0.6;
    }
    .am-statut{
        color: #befc03;
        font-size: 20px;
        margin-left: 40%;
    }
    .am-texte{
        position: relative;
        font-size: 20px;
        line-height: 28px;
        flex-grow: 1;
        margin-left: 40%;
        text-wrap: balance;
        max-width: 800px;
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .am-kickoff{
        color: #befc03;
        font-size: 20px;
    }


    /*BOUTON ABOUT ME*//*BOUTON ABOUT ME*//*BOUTON ABOUT ME*/
    .am-bouton{
        color: #befc03;
        background: #ebf0f208;
        padding: 15px 22px;
        border-radius: 22px;
        font-size: 18px;
        transition: all 0.5s cubic-bezier(.45,-0.01,.21,.99);
    }
    .am-bouton span{
        font-family: 'fontfleche-reg', sans-serif;
        position: relative;
        top: 1px;
    }
    .am-bouton:hover{
        background: #ebf0f212;
        transform: scale(1.03);
    }
    .am-boutonoverflow{
        height: 24px;
        overflow: hidden;
        line-height: 24px;
    }
    .am-b1{
        position: relative;
        transition: all 0.6s cubic-bezier(0,.93,.27,1) 0.2s;

    }
    .am-b2{
        position: relative;
        transition: all 0.25s cubic-bezier(.66,-0.01,1,.6);
    }


    .am-bouton:hover .am-b1{
        transform: translateY(-24px);
        transition: all  0.6s cubic-bezier(.52,0,0,1);

    }
    .am-bouton:hover .am-b2{
        transform: translateY(-24px);
        transition: all 0.6s cubic-bezier(.52,0,0,1) 0.1s;
    }


    /*FIGURES*//*FIGURES*//*FIGURES*//*FIGURES*//*FIGURES*/
    .am-figures{
        position: relative;
        height: 200px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        z-index: -1;
        margin: 100px 0 150px;
    }
    .am-figure-title{
        color: #ebf0f2;
        font-size: clamp(16px, 1vw, 1.3vw);
        line-height: clamp(18px, 1.2vw, 1.5vw);
        display: flex;
        flex-direction: column;
        height: 40%;
        margin-right: 100px;
    }
    .am-figure-title :nth-child(1){
        opacity: 0.6;
    }
    .am-figure-title :nth-child(2){
        flex-grow: 1;
    }
    .am-figure-title :nth-child(3){
        color: #befc03;
        font-family: 'fontfleche-reg', sans-serif;
        opacity: 1 !important;
        font-size: 24px;
    }


    .am-figure{
        color: #ebf0f299;
        font-size: clamp(16px, 1vw, 1.3vw);
        line-height: clamp(18px, 1.2vw, 1.5vw);
    }
    .am-figure :nth-child(1){
        color: #befc03;
        font-size: calc(16px + 4vw);
        line-height: calc(16px + 4vw);
        margin-bottom: 15px;
}
}













/*MOBILE*//*MOBILE*//*MOBILE*//*MOBILE*//*MOBILE*/











@media screen and (max-width: 768px){
  /*GENERAL*//*GENERAL*//*GENERAL*//*GENERAL*/
  .a-gradient{
    position: absolute;
    width: 100%;
    height: 200vh;
    top: -50vh;
    right: 0;
    background: radial-gradient(farthest-corner at 180% 75vh, #ebf0f2 -400%, #121212 60%);
    z-index: -1;
}
.a-tsection  {
    display: none;
}
.a-tsection-tel{
    text-transform: uppercase;
    opacity: 0.6;
    color: #ebf0f2;
    font-size: 16px;
    margin-left: 10px;    
}
.a-tsection-tel span{
    text-transform: uppercase;
    opacity: 0.6;
}
.a-containerall{
    position: relative;
    font-family: 'cd-medium', sans-serif;
    margin: 120px 20px 50px 20px;
}



/*ABOUT ME*//*ABOUT ME*//*ABOUT ME*//*ABOUT ME*//*ABOUT ME*/
.am-container{
    position: relative;
    margin-top: 20px;
    margin-bottom: 50px;
}
.am-container-active{
    animation: lrcontaineractive 1.2s cubic-bezier(0,.87,.67,1) 0.3s both;
}
@keyframes lrcontaineractive {
    from{
        transform: translateY(300px);
    }
    to{
        transform: translateY(0);
    }
}
.am-img{
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 50px;
    margin-top: -50px;
}
.am-bg-lrabout{
    position: absolute;
    width: 100%;
    height: 370px;
    background: radial-gradient(circle at -20% -150%, #ebf0f2 -250%, #121212 80%);
    border-radius: 28px;
    box-shadow: 0 0 25px -5px #00000080;
    margin-top: 50px;
    z-index: -1;
}
.am-lrabout{
    position: relative;
    width: 300px;
    margin-right: 10%;
}
.am-lrabout-active{
    animation: lraboutactive 1.2s cubic-bezier(0,.87,.67,1) 0.3s both;
}
@keyframes lraboutactive {
    from{
        transform: translateY(300px);
    }
    to{
        transform: translateY(0);
    }
}


/*TAG*//*TAG*//*TAG*//*TAG*//*TAG*//*TAG*/
.am-tag{
    position: absolute;
    background: #befc0399;
    padding: 8px 14px;
    border-radius: 20px;
    box-shadow: 0 0 15px 0 #00000080;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1;
    font-size: 16px;
}
.am-tags :nth-child(1){
    margin-left: 18vw;
    top: 23%;
    transform: scale(0);
    rotate: 5deg;
}

.am-tags :nth-child(2){
    margin-left: 4vw;
    top: 28%;
    transform: scale(0);
    rotate: -5deg;
}
.am-tags :nth-child(3){
    margin-left: 50vw;
    top: 30%;
    transform: scale(0);
    rotate: -3deg;

}
.am-tags-active{
    animation: popuptag 0.5s cubic-bezier(0,.52,.39,.99) both;
}
@keyframes popuptag {
    from{
        opacity: 0;
        transform: scale(0.2);
    }
    to{
        opacity: 1;
        transform: scale(1);
    }
}














/* TEXTE AM*//* TEXTE AM*//* TEXTE AM*//* TEXTE AM*/
.am-bloc{
    position: relative;
    color: #ebf0f2;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin: 0 10px 50px;
}
.am-title{
    position: relative;
    font-size: calc(20px + 2.5vw);
    line-height: calc(20px + 2.3vw);
    margin-top: 20px;
}
.am-title span{
    color: #befc03;
}
.am-statut span{
    color: #ebf0f2;
    opacity: 0.6;
}
.am-statut{
    color: #befc03;
    font-size: 16px;
}
.am-texte{
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.am-kickoff{
    color: #befc03;
}




/*FIGURES*//*FIGURES*//*FIGURES*//*FIGURES*//*FIGURES*/
.am-figures {
    display: none;
}

.am-figures-tel{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    z-index: -1;
    gap: 10px;
    margin: 10px 0;
    box-sizing: border-box;
}

.am-figure-tel{
    display: flex;
    flex-direction: column;
    color: #ebf0f299;
    font-size: 4vw;
    border-radius: 28px;
    padding: 18px;
    box-shadow: 0 0 25px -5px #00000080;
    background: radial-gradient(circle at 250% -200%, #ebf0f2 -500%, #121212 80%);
}
.am-figure-tel :nth-child(1){
    color: #befc03;
    font-size: 50px;
    line-height: 50px;
    flex-grow: 1;
}





/*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*//*BOUTON*/
.am-bouton{
    color: #befc03;
    background: #ebf0f208;
    padding: 15px 22px;
    border-radius: 22px;
    width: fit-content;
    margin: 0 auto;
    font-size: 22px;
    margin-top: 40px;
}
.am-bouton span{
    font-family: 'fontfleche-reg', sans-serif;
    position: relative;
    top: 1px;
    line-height: 0;
}
.am-b2{
    display: none;
}



}